<div>
    <script>
        //规则同list
        var fthis = this;
        this.init = function (funs) {
            //init function
            fthis.funs = funs;
        }
        this.values = {};
        this.scanvalue = function (id, name) {
            var node = document.getElementById(id);
            if (node != null && node != undefined) {
                this.values[name] = node;
            }
        }
        this.setvalue = function (name, val, ishtml) {
            if (ishtml == undefined) ishtml = false;
            var valnode = this.values[name];
            if (valnode != null && valnode != undefined) {
                if (ishtml) valnode.innerHTML = val;
                else valnode.innerText = val;
            }
        }
        this.display = function (infoobj) {
            //display info
            dynamicscript_debug();
            this.scanvalue('info_name', "name");
            this.scanvalue("info_text", "text");
            this.scanvalue("info-begin", 'begin');
            this.scanvalue("info-end", 'end');
            this.scanvalue("info_date", 'date');
            //
            this.setvalue("name", infoobj.name);
            this.setvalue("text", infoobj.profile);
            this.setvalue("begin", '报名开始:'+infoobj.beginSign);
            this.setvalue("end", '报名截止:'+infoobj.endSign);
            this.setvalue("date", '开始时间:'+infoobj.date);
        };
    </script>
    <div id="info_content">
        <div id="info_top">
            <h3 id="info_name"></h3> </div>
        <hr>
        <div id="info_date"></div>
        <hr>
        <div id="info_text"> </div>
        <div id="info_footer">
            <div id="info-begin"></div>
            <div id="info-end"></div>
        </div>
        <div></div>
    </div>
    <style>
        #info_date{
            text-align: center;
            width: 12em;
            margin: 2px auto;
        }
        #info_content {
            background-color: rgb(255, 249, 251);
            border-radius: 5px;
            box-shadow: rgba(207, 207, 207, 0.46) 0 0 10px 5px;
        }
        #info_content *{
            color:black;
        }
        
        #info_name {
            text-align: center;
            height: 348px;
            line-height: 348px;
            font-size: 2rem;
            background: url("image/bg.jpg");
            color:azure;
        }
        
        #info_text {
            padding: 20px 10px 5em 20px;
        }
        #info_footer>div{
            width: 12em;
            text-align: center;
            margin: 0 auto;

            border:solid #bfbfbf;
            border-width: 1px 1px 0 1px;
            margin-top: 20px;
            box-shadow: rgba(119, 129, 127, 0.36) 0 0 20px 3px;
            height: 4em;
            line-height: 4;

        }
        #info_content>div:last-child{
            height: 5em;
        }
    </style>
</div>